<!--
事件：
    事件三要素：
        1. 事件源：哪个元素触发
        2. 事件类型：是点击，选中，还是修改
        3. 事件处理程序：进一步如何处理. 往往是一个回调函数

-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="这是一个按钮">
</body>

<script>
    // 事件源
    let button=document.querySelector('input');
    // 绑定事件类型(点击事件)
    // 函数设置了事件处理程序
    button.onclick=function(){
        alert("hello");
    }
</script>

</html>